// SHARED MOBILE STYLES
// ----------------------------------------------------------------------------

body.mobile

    // Countdown dashes must have less margin on mobile.
    .dash
        margin 0 6px 0 6px

    // Styles specific to the egg timer page.
    #eggTimerPage
        #eggWrapper
            height 300px

            // Medium egg.
            img.medium
                height 265px
                margin-left -97px

            // Large egg.
            img.large
                height 280px
                margin-left -103px

            // Extra large egg.
            img.xlarge
                height 295px
                margin-left -108px

        // Yolk selector with bigger fonts.
        .yolk
            font-size 2.6em
            width 150px

        // Bigger egg description fonts.
        .eggDescription
            font-size 1.4em